<script setup lang="ts">
// import { ref } from 'vue'

defineProps<{ msg: string }>()


</script>

<template>
   <div class="wrap">
     <div class="top"></div>
     <div class="btm">
       <div class="left"></div>
       <div class="center"></div>
       <div class="right"></div>
     </div>
   </div>
</template>

<style scoped>
   .wrap{
      width: 100%;
      height: 100%;
      background: url('../assets/pageBg.png') 100% 100%;
   }
   .top{
     width: 100%;
     height: 160px;
     background: url('../assets/image/Photo／背景／Top@2x.png') no-repeat;
     background-size: 100% 100%;
     position: absolute;
     z-index: 200;
   }
   .btm{
    width: 100%;
    height: 100%;
    display: flex;
   }
   .center{
    width: 50%;
    height: 100%;
    /* background-color: antiquewhite; */
   }
   .left{
    width: 25%;
    height: 100%;
    background-color: aquamarine;
    background: url('../assets/image/Photo／背景／Left@2x.png') no-repeat;
    background-size: 100% 100%;
    z-index: 100;
   }
   .right{
    width: 25%;
    height: 100%;
    background-color: aquamarine;
    background: url('../assets/image/Photo／背景／Right@2x.png') no-repeat;
    background-size: 100% 100%;
    z-index: 100;
   }
</style>
